<!DOCTYPE HTML>
<html>
<head>
<title>onePiece</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary JavaScript plugins) -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/lightbox.css">

<!-- Custom Theme files -->
<script src="js/jquery-1.8.3.min.js"></script>
<!--//theme style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Rafting Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  	<link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<!-- header -->
<div id="home" class="banner">
	  <div class="banner-info">
	  <h2>ONE PIECE 海贼王</h2>
	  <p>高举自己信念的旗帜吧！ 越えてゆけ！己が信念の旗の下に！ 财富,名声,力量 富み、名声、力 过去曾拥有世上所有一切的男人 この世の全てを手に入れた男 海贼王哥尔多.罗杰 海贼王、ゴールド·ロジャ </p>
	  </div>
	 <div class="side-menu">
		 <div class="logo">
			 <h1><a href="http://my.oschina.net/u/3215454">天涯博客</a></h1>
		 </div>
		 <div class="top-menu">
			 <span class="menu"><img src="images/menu.png" alt=""></span>
			 <ul class="nav1">
				 <li><a class="scroll" href="#home">Home</a></li>
				 <li><a class="scroll" href="#about">About</a></li>
				 <li><a class="scroll" href="#services">Services</a></li>
				 <li><a class="scroll" href="#raft">Raft Trips</a></li>
				 <li><a class="scroll" href="#gallery">Gallery</a></li>
				 <li><a class="scroll" href="#contact">Contact</a></li>
			 </ul>
			 <!-- script-for-menu -->
							 <script>
							   $( "span.menu" ).click(function() {
								 $( "ul.nav1" ).slideToggle( 300, function() {
								 // Animation complete.
								  });
								 });
							</script>
		 <!-- /script-for-menu -->
		 </div>
	 </div>
	 <div class="container">
		 <div class="copy-rights">
				<ul>
					<li><a href="#"><span class="fa"> </span></a></li>
					<li><a href="#"><span class="tw"> </span></a></li>
					<li><a href="#"><span class="g"> </span></a></li>
					<li><a href="#"><span class="in"> </span></a></li>
					<li><a href="#"><span class="pin"> </span></a></li>
				</ul>
				<div class="clearfix"></div>
		 </div>
	 </div>
</div>
<!---->
<div id="about" class="about">
	 <div class="container">
		 <div class="about-top">
		 <h3>财富,名声,力量 富み、名声</h3>
		  <i class="strp"></i>
		 </div>
		 <div class="about-grids">
			 <div class="grid1">
				 <div class="col-md-5 abt-pic">
					 <img src="images/顶上战争1.jpg" class="img-responsive" alt="onePiece"/>
				 </div>
				  <div class="col-md-7 abt-info">
					 <h4>顶上战争</h4>
					 <p>大海贼时代开幕以来最大的战役。交战双方是白胡子海贼团&旗下的43个海贼团VS海军十万精锐&王下七武海联合军。
						 白胡子海贼团为救被海军抓住的第二队队长波特卡斯·D·艾斯而发动了战争。战争结果是白胡子海贼团战败，
						 船长爱德华·纽盖特（白胡子）以及波特卡斯·D·艾斯战死。这场战争对世界格局影响巨大，加剧了大海贼时代的进程</p>
				 </div>
				 <div class="clearfix"></div>
			 </div>
			 <div class="grid1">
				 <div class="col-md-7 abt-info">
					 <h4>德岛篇</h4>
					 <p>草帽海贼团vs堂吉诃德多佛朗明哥家族</p>
				 </div>
				 <div class="col-md-5 abt-pic">
					 <img src="images/多VS路.jpg" class="img-responsive" alt=""/>
				 </div>				  
				 <div class="clearfix"></div>
			 </div>
		 </div>
	 </div>
</div>
<!---->
<div id="services" class="services">
	 <div class="container">
		 <div class="service-top">
		 <h3>四皇</h3>
		 <i class="strp"></i>


			 <div class="clearfix"></div>
		 </div>
		 <div class="service-grids-info">
			 <div class="col-md-6 service-grid">				 
				<ul class="project_box">
				  <li class="mini-post-meta1">1</li>
				  <li class="desc"><h4><a href="http://baike.baidu.com/link?url=ygHAxl-7YNeRH6rlHqIzYDGyyevdQecE_d2HlAelNc05EpMs9TB92IxJlGD2T7gwDErAefY_As4_3lSfZwDxMoePfUNoQP0LRqmziExcH9gwEq5ZWGxxb4YpSt9tYPwOaqA6d4KQKEtb3hW011joXyhhr-uaoK8QO3o-Sj1W-32tztBUp3yGqrisizBEDWuoHrUAWPYgvDsLc_z3FVwp_l50K7R-7TDYjvGTV6nKUN_">爱德华·纽盖特</a></h4>
				  	 <p>爱德华·纽盖特，日本动漫《海贼王》中的人物，外号“白胡子”。“四皇”之一（生前），白胡子海贼团的船长，实力极其强劲，被称为世界最强男人。能力为最强超人系震震果实，武器为薙刀。</p>
				  </li>					  
				</ul>
					<div class="clearfix"> </div>
			 </div>
			 <div class="col-md-6 service-grid">				 
				<ul class="project_box">
				  <li class="mini-post-meta1">2</li>
				  <li class="desc"><h4><a href="http://baike.baidu.com/link?url=YZ0hxrH7YMG2Rz2G87aA0dpAn0QwFZX4xQxrJ8B4pSqdcJwuVYtc1UWSQuaGqud8wT4zr0yQVwLbYz6fit6yjd1WIpd8WcPIRFObtFMEG1ggIQiLyyyA-HP07GAQFMNA5fBaTnwQC3ku30GzMDElStMOQQx9RhP5lMTnNbS1jD2fKH6aSsBIyT66TVqEdjxQsgV88RDHM76CP96jZ3541K">红发香克斯</a></h4>
				  	 <p>香克斯，日本漫画《海贼王》中的角色，外号“红发”。原为海贼王罗杰船员，后自己成立海贼团，经过自己不断的努力与变强，最终成为了伟大航路后半段“新世界”中君临天下的“四皇”之一。拥有强大的霸王色霸气，也精于剑术。</p>
				  </li>					  
				</ul>		
					<div class="clearfix"> </div>
			 </div>
			 <div class="clearfix"> </div>
			 <div class="col-md-6 service-grid">				 
				<ul class="project_box">
				  <li class="mini-post-meta1">3</li>
				  <li class="desc"><h4><a href="http://baike.baidu.com/item/BIG%C2%B7MOM%E6%B5%B7%E8%B4%BC%E5%9B%A2/18876026?fromtitle=%E5%A4%A7%E5%A6%88%E6%B5%B7%E8%B4%BC%E5%9B%A2&fromid=19916659&type=syn">BIG·MOM</a></h4>
				  	 <p>BIG·MOM海贼团，是由四皇之一夏洛特·玲玲带领的强大海贼团。旗帜图案是个礼帽和衣领缀有绒毛，抹著口红的招手骷髅。</p>
				  </li>					  
				</ul>			
					<div class="clearfix"> </div>
			 </div>
			 <div class="col-md-6 service-grid">				 
				<ul class="project_box">
				  <li class="mini-post-meta1">4</li>
				  <li class="desc"><h4><a href="http://baike.baidu.com/link?url=5Ay63dkt3nnExPKjxNNsWeUeAzxPdr0LklZbaYn3jrTdwMA6leoapC5YWICWOM2HHnVjRz2KZOwB2FAZYr46_J5vjMm6MIGN2r8gqZ2JHoK">凯多</a></h4>
				  	 <p>凯多，《海贼王》中的人物。伟大航路后半段“新世界”君临天下的“四皇”之一，外号“百兽”，被称为海陆空「世界最强生物」。实力极其强大，世人认为要论单挑凯多当属第一。喜欢以一敌众，多次一人与四皇和海军交手。兴趣是自杀。</p>
				  </li>					  
				</ul>	
					 <div class="clearfix"> </div>
			 </div>
			 <div class="clearfix"> </div>
		 </div>
	 </div>
</div>
<!---->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
<div id="raft" class="raftrips">
	 <div class="container">
		 <div class="raftrips-top">
			 <h3>原三大将</h3>
			 <i class="strp"></i>
			 </div>
		 <div class="rafting-grids">
			 <div class="rft-grid">
				 <div class="col-md-4 rft-pic">
					 <img src="images/赤犬.jpg" class="img-responsive" alt=""/>
				 </div>
				 <div class="col-md-8 rft-pic-info">
					  <h4>萨卡斯基</h4>
					 <p>萨卡斯基，海军代号：‘‘赤犬’’，是漫画及改编动画《海贼王》中的人物，实力极其强大。原为世界政府最高战力的三大将之一，于顶上战争后击败同为海军大将的青雉，成为新任海军元帅，统领全体海军。本人则奉行着‘‘彻底的正义’’之理念。</p>
				 </div>
				 <div class="clearfix"></div>
			 </div>
			 <div class="rft-grid">
				 <div class="col-md-4 rft-pic">
					 <img src="images/青雉.jpg" class="img-responsive" alt=""/>
				 </div>
				 <div class="col-md-8 rft-pic-info">
					  <h4>库赞</h4>
					 <p>库赞，海军代号青雉，漫画及改编动画《海贼王》中的人物。冰冻果实能力者，原是被称为“世界政府的最高战力”的海军本部大将，顶上战争结束后不久与赤犬争夺元帅之位，与赤犬在庞克哈萨德上激战十天败北后选择退出海军。现今和黑胡子海贼团呈合作关系，合作目的不明。</p>
				 </div>
				 <div class="clearfix"></div>
			 </div>
			 <div class="rft-grid">
				 <div class="col-md-4 rft-pic">
					 <img src="images/黄猿.jpg" class="img-responsive" alt=""/>
				 </div>
				 <div class="col-md-8 rft-pic-info">
					  <h4>波鲁萨利诺</h4>
					 <p>波鲁萨利诺，海军代号“黄猿”，日本动漫《海贼王》中的人物，是海军本部最高战力”海军本部大将“。性格让人捉摸不透，实力极其强大。自然系闪光果实能力者。负责统帅战桃丸率领的海军科学部队。2年前在香波地群岛以压倒性力量秒杀四名超新星。</p>
				 </div>
				 <div class="clearfix"></div>
			 </div>
		 </div>
	 </div>	
</div>	
<!---->
<div id="gallery" class="gallery">
	 <div class="container">
		 <div class="gallery-top">
			 <h3>精彩剧照</h3>
				<i class="strp"></i>
			 </div>
		 <div class="gallery-bottom">
				<div class="gallery-1">
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/1.jpg" data-lightbox="example-set"><img class="example-image" src="images/1.jpg" alt=""/></a>
					</div>
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/6.jpg" data-lightbox="example-set"><img class="example-image" src="images/6.jpg" alt=""/></a>
					</div>
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/2.jpg" data-lightbox="example-set"><img class="example-image" src="images/2.jpg" alt=""/></a>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="gallery-1">
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/4.jpg" data-lightbox="example-set"><img class="example-image" src="images/4.jpg" alt=""/></a>
					</div>
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/5.jpg" data-lightbox="example-set"><img class="example-image" src="images/5.jpg" alt=""/></a>
					</div>
					<div class="col-md-4 gallery-grid">
						<a class="example-image-link" href="images/3.jpg" data-lightbox="example-set"><img class="example-image" src="images/3.jpg" alt=""/></a>
					</div>
					<div class="clearfix"></div>
				</div>			
		 </div>
	 </div>
</div>	
<script src="js/lightbox-plus-jquery.min.js"></script>		 

<div id="contact" class="contact">
	 <div class="container">
		 <div class="contact-top">
			 <h3>逗鱼玩</h3>
				<i class="strp"></i>
			 </div>

			 <div style="text-align:center;clear:both">
				<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
			<script src="/follow.js" type="text/javascript"></script>
			</div>
  		<div id="whale" style="height:500px"></div>
		   <script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
 			 <script src="js/index.js"></script>


		 <div class="address">
			 <h3>地址</h3>
			 <div class="locations">				 
				  <ul>
					 <li><span></span></li>					 					
					 <li>
						 <div class="address-info">	
							 <h4>family</h4>
							 <p>francis rose allen jack</p>
							 <p>nanjing</p>
							 <p><a href="http://empfrancis.oschina.io">去看看 >></a></p>		
						 </div>
					 </li>				
				  </ul>	
				  <ul>
					 <li><span></span></li>					 					
					 <li>
						 <div class="address-info">	
							 <h4>other</h4>
							 <p>平凡之路</p>
							 <p><a href="http://empfrancis.oschina.io">去瞧瞧 >></a></p>	
						 </div>
					 </li>				
				  </ul>		
			 </div>			 
		 </div>		 
	 </div>
</div>
<!---->
<div class="footer">
	 <div class="container">
		 <div class="copywrite">
			 <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		 </div>		 
	 </div>
</div>
<!---->
<!---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---->
<!--script-->
<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

</body>
</html>





